<div class="bd-content">
<h1 class="bd-title" id="content">图标</h1>
          <p class="bd-lead">在 Bootstrap 中使用外部图标库的指导和建议。</p>
          <p>默认情况下，Bootstrap 不包含图标库，但我们提供了一些建议供你选择。 虽然大多数图标集包含多种文件格式，但我们更喜欢SVG实现，以提高其可访问性和矢量支持。</p>

<h2 id="preferred">推荐的选择</h2>

<p>我们自己测试并使用过这些图标集。</p>

<ul>
  <li><a href="https://fontawesome.com/">Font Awesome(免费版本图标够用，收费版本60美元一年，很实惠)</a></li>
  <li><a href="https://useiconic.com/open/">Iconic</a></li>
  <li><a href="https://octicons.github.com/">Octicons</a></li>
</ul>

<h2 id="more-options">更多的选择</h2>

<p>虽然我们没有尝试过这些，但它们确实看起来很有前途，并提供多种格式 - 包括SVG。</p>

<ul>
  <li><a href="https://github.com/danklammer/bytesize-icons">Bytesize</a></li>
  <li><a href="https://material.io/icons/">Google Material icons</a></li>
  <li><a href="https://ionicons.com/">Ionicons</a></li>
  <li><a href="https://feathericons.com/">Feather</a></li>
  <li><a href="http://demo.amitjakhu.com/dripicons/">Dripicons</a></li>
  <li><a href="http://ikons.piotrkwiatkowski.co.uk/">Ikons</a></li>
  <li><a href="https://glyph.smarticons.co/">Glyph</a></li>
  <li><a href="https://icons8.com/">Icons8</a></li>
</ul>
</div>
